市面上有许多前端开发工具可以加速 Web 开发工作。本文是对 2019 年顶级 Web 开发工具的一次精选汇总，分别介绍了每款工具的关键特性，并已附上下载链接。1. Novi Builder Novi Builder 是一个拖放式构建器，它 ...

100 个前端做同一件事，可能写出 80 种代码方案。前端技术里太多符号、格式的部分，不好记。Java 有设计模式这样的明确的“军规”，前端顶多就告诉你“要优雅降级渐进增强”，没有太多明明白白的套路可套，需要靠实践出真知。更要命的是，不管 ...

了不起的 Webpack HMR 学习指南（含源码分析） Hot Module Replacement（以下简称：HMR 模块热替换）是 Webpack 提供的一个非常有用的功能，它允许在 JavaScript 运行时更新各种模块，而无需完 ...

今天跟大家分享一些目前比较热门新鲜度靠前的50款前端工具，希望对你有所帮助。一、构建工具1、 Parcel地址：https://parceljs.orgParcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用 ...

网络身份的验证的场景非常普遍，比如用户登陆后才有权限访问某些页面或接口。而HTTP通信是无状态的，无法记录用户的登陆状态，那么，如何做身份验证呢？ 下面，会从浅入深，陆续介绍几种常用的认证方式和相关概念。文章较长，请耐心阅读。 1. 鉴权与 ...

需求分析 用户上传 json 文件，客户端进行处理解析后，返回进行下载 技术选型 基于本身的项目采用了 vue + elementUI 的前端框架开发，使用 FileReader 和 file-saver 进行数据的读取和写入 具体实现 1 ...

上传图片是日常项目中经常遇到的功能，需要使用到wx.chooseImage(Object object)函数。 参数说明如下： 实现思路： 先调用小程序打开相机或从相册选图接口wx.chooseImage(Object object)，然后 ...

最近在做eslint中的typescript参数类型检测，本来想直接用typescript-eslint-parser 检测，但发现项目中有些代码是用mobx注入的，typescript-eslint-parser检测不出来，于是找了些es ...

你真的理解setState吗？ 面试官：“react中setState是同步的还是异步？” 我：“异步的，setState不能立马拿到结果。” 面试官：“那什么场景下是异步的，可不可能是同步，什么场景下又是同步的？” 我：“......” ...

XSS 跨站脚本攻击（Cross Site Script）,本来缩写是 CSS, 但是为了和层叠样式表（Cascading Style Sheet, CSS）有所区分，所以安全领域叫做 “XSS”； XSS攻击，通常是指攻击者通过 “HTM ...